// .bgcImg {
//   width: 100%;
//   height: 100vh;
//   max-height: 1000px;
//   min-height: 600px;
//   background-image: url('/static/img/carousel/human_spaceflight_earth.jpg');
//   background-position: center top;
//   background-size: cover;

//   .content {
//     position: absolute;
//     top: 50%;
//     left: 50%;
//     transform: translate(-50%, -50%);
//     color: #fff;
//     line-height: normal;
//     .title {
//       h3 {
//         color: #4cd3c2;
//         margin-bottom: 35px;
//         font-size: 70px;
//         font-weight: 500;
//       }
//       span {
//         font-size: 20px;
//         color: #ff5151;
//       }
//     }
//   }
// }

.common {
  max-width: 1400px;
  margin: 0 auto;
  .comm_main {
    max-width: 1400px;
    margin: 0 auto;
    .comm_home {
      .content {
        margin: -55px 25px 0 25px;
        border-radius: 10px;
        background-color: rgb(255, 255, 255);
        padding: 15px 35px;
        :global(.ant-list-item){
          border-bottom: none;
        }
        .imgList {
          display: flex;
          justify-content: start;
          margin-bottom: 35px;
          flex-wrap: wrap;
          // .img:hover{
          //   transform: scale(1.05)!important;
          // }
          .img {
            margin-right: 3%;
            margin-bottom: 20px;
            width: 30%;
            height: 0;
            padding-bottom: 50%;
            background-color: #ccc;
            background-position: center center;
            background-size: cover;
            display: inline-block;
            overflow: hidden;
            transform: scale(0);
            transition: transform 0.5s cubic-bezier(.445,.05,.55,.95);
          }
        }
      }
    }
  }
}

.showImg{
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  img{
    max-width: 90vw;
    max-height: 80vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
}